<style>
.tablediv {
   overflow-x:hidden!important; 
    }



</style>
<table id="index" class="list" border="1">
    <thead>
        <tr>
            <th class="operate" rowspan="1" style="width:60px;">&nbsp;</th>
            <th width="20%">{$lang.country_name}</th>
            <th >{$lang.money}</th>
        </tr>
    </thead>
    <tbody>
        {foreach item=item key=key from=$list.list}
        <tr id="index_{$item.id}_{$key}" expand="1">
            <td expand="1" class="operate" width="100" align="center" id="expand"><a href="javascript:void(0)" onclick="$.showExpand('getClientStatCityList','index_{$item.id}_{$key}','{$item.id}');"><span class="icon icon-pattern-plus"></span></a></td>
            <td>{$item.country_name}</td>
            <td class="t_right">{$item.dml_total_need_paid}</td>
        </tr>
        {/foreach}
    </tbody>
    <tfoot>
        <tr class="red">
            <td class="operate">&nbsp;</td>
            <td>{$lang.page_total}</td>
            <td class="t_right">{$list.total.total_currency_info_0}</td>
        </tr>
        <tr class="red">
            <td class="operate">&nbsp;</td>
            <td>{$lang.total}</td>
            <td class="t_right">{$list.page_total.total.total_currency_info_0}</td>
        </tr>
    </tfoot>
</table>
<br><br>
<script>
$(document).ready(function(){
    $dom.find('.list tbody').find('tr').each(function(){
        $(this).find('a').trigger('click');
    });
    /*
    $dom.find('input[name=is_expand]').live('click',function(){
        $dom.find('.list tbody').find('tr').each(function(){
            $(this).find('a').trigger('click');
        });
    });
    */
});
</script>